Vue.component("header-top",{
    props:[],
    template:`
            <div class="header-top-area">
            <div class="container">
                <div class="header-top-inner">
                    <div class="header-top-left">
                        <p>欢迎来到 Coffee</p>
                    </div>
                    <ul class="header-options">
                        <li>
                            <a href="login.html">你好，请登录</a>
                            &nbsp;&nbsp;
                            <a href="register.html" class="text-danger">免费注册</a>
                        </li>
                        <li>
                            <a href="my-account.html">我的帐户</a>
                        </li>
                        <li>
                            <a href="wishlist.html">收藏夹</a>
                        </li>
                        <li>
                            <a href="cart.html">购物车</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    `
})
let header_top = new Vue({
    el:"#headerTop",
})